import XtxMessageCom from './index.vue'
import Vue from 'vue'
export default function XtxMessage(obj) {
  // 将组件的html提取出来加入到body
  /*
1:导入组件
2:提取组件的构造函数
  返回值= Vue.extend(导入的组件)
3:构造函数实例化
  beforeCreate:创建前
  created:创建后
  beforeMount:渲染前
  mounted:渲染后
4:渲染
  实例对象.$mount()
*/
  // 提取构造函数
  const XtxFn = Vue.extend(XtxMessageCom)
  //   构造函数实例化
  const xtxObj = new XtxFn()
  xtxObj.type = obj.type
  xtxObj.text = obj.text
  //   渲染
  xtxObj.$mount()

  document.body.append(xtxObj.$el)
  console.log(xtxObj.$el)
}

XtxMessage.error = function(txt) {
  // 提取构造函数
  const XtxFn = Vue.extend(XtxMessageCom)
  //   构造函数实例化
  const xtxObj = new XtxFn()
  xtxObj.type = 'error'
  xtxObj.text = txt
  //   渲染
  xtxObj.$mount()

  document.body.append(xtxObj.$el)
  console.log(xtxObj.$el)
}
